<link href="<?php echo $this->baseUrl(); ?>/ext/signup/css/style.css" type="text/css" rel="stylesheet">
<script src="<?php echo $this->baseUrl(); ?>/ext/signup/js/jquery.inputfocus-0.9.min.js" type="text/javascript"></script>
<script type="text/javascript">
    // Original field values
    var field_values = {
        'username'  : '<?php echo $this->translate('account_create_ov_username'); ?>',
        'password'  : '<?php echo $this->translate('account_create_ov_pasword'); ?>',
        'cpassword' : '<?php echo $this->translate('account_create_ov_pasword'); ?>',
        'firstname' : '<?php echo $this->translate('account_create_ov_fname'); ?>',
        'lastname'  : '<?php echo $this->translate('account_create_ov_lname'); ?>',
        'email'     : '<?php echo $this->translate('account_create_ov_email'); ?>'
    };
    var complete_word = '<?php echo $this->translate('account_create_complete'); ?>';
</script>
<script src="<?php echo $this->baseUrl(); ?>/ext/signup/js/jquery.main.js" type="text/javascript"></script>

<div id="container">
    <form method="post">
        <div id="first_step">
            <h1><?php echo $this->block('account_create_title'); ?></h1>
            <div class="form">
                <input type="text" name="username" id="username" value="<?php echo $this->translate('account_create_ov_username'); ?>" />
                <label for="username"><?php echo $this->translate('account_create_username_description'); ?></label>

                <input type="password" name="password" id="password" value="<?php echo $this->translate('account_create_ov_pasword'); ?>" />
                <label for="password"><?php echo $this->translate('account_create_password_description'); ?></label>

                <input type="password" name="cpassword" id="cpassword" value="<?php echo $this->translate('account_create_ov_pasword'); ?>" />
                <label for="cpassword"><?php echo $this->translate('account_create_cpassword_description'); ?></label>
            </div>
            <div class="clear"></div>
            <input class="submit" type="submit" name="submit_first" id="submit_first" value="" />
        </div>
        <div class="clear"></div>

        <div id="second_step">
            <h1><?php echo $this->block('account_create_title'); ?></h1>
            <div class="form">
                <input type="text" name="firstname" id="firstname" value="<?php echo $this->translate('account_create_ov_fname'); ?>" />
                <label for="firstname"><?php echo $this->translate('account_create_fname_description'); ?></label>

                <input type="text" name="lastname" id="lastname" value="<?php echo $this->translate('account_create_ov_lname'); ?>" />
                <label for="lastname"><?php echo $this->translate('account_create_lname_description'); ?></label>

                <input type="text" name="email" id="email" value="<?php echo $this->translate('account_create_ov_email'); ?>" />
                <label for="email"><?php echo $this->translate('account_create_email_description'); ?></label>
            </div>
            <div class="clear"></div>
            <input class="submit" type="submit" name="submit_second" id="submit_second" value="" />
        </div>
        <div class="clear"></div>

        <div id="third_step">
            <h1><?php echo $this->block('account_create_title'); ?></h1>
            <div class="form">
                <select id="age" name="age">
                    <option> 0 - 17</option>
                    <option>18 - 25</option>
                    <option>26 - 40</option>
                    <option>40+</option>
                </select>
                <label for="age"><?php echo $this->translate('account_create_age_description'); ?></label>
                <div class="clear"></div>

                <select id="gender" name="gender">
                    <option><?php echo $this->translate('account_create_gender_male'); ?></option>
                    <option><?php echo $this->translate('account_create_gender_female'); ?></option>
                </select>
                <label for="gender"><?php echo $this->translate('account_create_gender_description'); ?></label>
                <div class="clear"></div>

                <select id="country" name="country">
                    <option>United States</option>
                    <option>United Kingdom</option>
                    <option>Canada</option>
                    <option>Serbia</option>
                    <option>Italy</option>
                    <option>Ukraine</option>
                    <option>Russia</option>
                    <option>Other</option>
                </select>
                <label for="country"><?php echo $this->translate('account_create_country_description'); ?></label>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
            <input class="submit" type="submit" name="submit_third" id="submit_third" value="" />
        </div>
        <div class="clear"></div>

        <div id="fourth_step">
            <h1><?php echo $this->block('account_create_title'); ?></h1>

            <div class="form">
                <h2><?php echo $this->translate('account_create_summary'); ?></h2>
                <table>
                    <tr><td><?php echo $this->translate('account_create_summary_username'); ?></td><td></td></tr>
                    <tr><td><?php echo $this->translate('account_create_summary_password'); ?></td><td></td></tr>
                    <tr><td><?php echo $this->translate('account_create_summary_email'); ?></td><td></td></tr>
                    <tr><td><?php echo $this->translate('account_create_summary_name'); ?></td><td></td></tr>
                    <tr><td><?php echo $this->translate('account_create_summary_age'); ?></td><td></td></tr>
                    <tr><td><?php echo $this->translate('account_create_summary_gender'); ?></td><td></td></tr>
                    <tr><td><?php echo $this->translate('account_create_summary_country'); ?></td><td></td></tr>
                </table>
            </div>
            <div class="clear"></div>
            <input class="send submit" type="submit" name="submit_fourth" id="submit_fourth" value="" />
        </div>
    </form>

    <div id="account_create_ajax_loader" style="display:none;text-align:center;padding-top:40px;">
        <img src="<?php echo $this->baseUrl(); ?>/images/ajax-loader.gif" />
        <br />
        <br />
        <?php echo $this->translate('account_sending_data_please_wait'); ?>
    </div>
    <div id="account_create_success_block" style="display:none;text-align:center;padding-top:40px;">
        <?php echo $this->translate('account_create_success_message'); ?>
    </div>
    <div id="account_create_fail_block" style="display:none;text-align:center;padding-top:40px;">
        <?php echo $this->translate('account_create_fail_message'); ?>
    </div>
</div>
<div id="progress_bar">
    <div id="progress"></div>
    <div id="progress_text">0% <?php echo $this->translate('account_create_complete'); ?></div>
</div>

<br />
<br />
